<template>
<div id="app"> 
  <Aside></Aside>
  <Header></Header>
  <Login></Login>
  <Register></Register>
</div>
</template>

<script>
import Aside from '@/components/Aside.vue'
import Header from '@/components/Header.vue'
import Login from '@/loging/login.vue'
import Register from '@/loging/register.vue'
export default {
  components:{
    Aside,
    Header,
    Login,
    Register,
  },
  mounted(){
  //   // window.screen.width
  //   console.log( window.screen.width);
  //   console.log(window.screen.height);
    document.getElementById("app").style.width = window.with +'px'
    document.getElementById("app").style.height = screen.availHeight +'px'
  }
  


}
</script>

<style>
#app{
  display: flex;
  width: auto;
  margin-left: -6px;
  height: auto;
  position: relative;
  /* border: 2px solid ; */
  overflow-y: hidden;
  overflow-x: hidden;
}
 ::-webkit-scrollbar {
          width: 10px; /*滚动条宽度*/
          height: 8px; /*滚动条高度*/
          background-color: rgb(248, 237, 237);
      }

        /*定义滑块 内阴影+圆角*/
      ::-webkit-scrollbar-thumb {
          background-color: #ccc; /*滚动条的背景颜色*/
          border-radius: 30px;
      }






</style>